// pages/shareLocation.js
import Toast from '@vant/weapp/toast/toast';
import Config from '../../utils/config';
import Ajax from "../../utils/ajax"
import Api from "../../utils/api"
import Util from "../../utils/util"
const app = getApp()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    id:'',
    latitude: 39.909,
    longitude: 116.39742,
    markers: [],
    openid:'',
    address:'',
    time:'',
    targetItem:{},
    columnNumber: 2, // 按钮列数
    shareShow: false, // 分享按钮是否显示
    sharePopup: false, // 分享弹框是否显示
    authorizeShow: false, // 授权弹框
    src:'',
    msg:'',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if(options.scene){
      this.setData({
        id: options.scene
      })
      this.getDate()
    }
  },

  // 分享按钮点击
  clickShare(){
    if(Util.isEmpty(app.globalData.userInfo)){
      // 如果用户信息为空 没有登录  打卡授权登录弹框
      this.setData({
        authorizeShow: true
      })
    }else{
      // 已经登录 打卡分享弹框
      this.setData({
        sharePopup: true
      })
    }
  },

   // 登录弹框回调
  authorizeEvent(){
    this.setData({
      sharePopup: true,
    })
    console.log('登录成功')
  },

  // 查询打卡数据
  getDate: function(){
    Toast.loading({
      duration: 0, // 持续展示 toast
      forbidClick: true,
    });
    Ajax.get(Api.wx.selectSign,{id: this.data.id}).then(res=>{
      wx.nextTick(() => {Toast.clear();})
      let newmapdata = [];
      let customCallout = {};
      if(res){
        if(res.type == 1){
          customCallout = {
            anchorY: 0,
            anchorX: 0,
            display: 'ALWAYS'
          }
          this.getMsg();
        }
        newmapdata.push({
          id:1,
          iconPath: '../../static/location.png',
          longitude: res.longitude,
          latitude: res.latitude,
          width:'50',
          height:'50',
          customCallout:customCallout
        });
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude,
          markers: newmapdata,
          openid: res.openid,
          address: res.address,
          time: res.time,
          targetItem: res,
        })
        this.isShare()
      }else{
        this.setData({
          address: "暂无打卡记录！",
          time:"查询不到数据，可能是被删除了。"
        })
      }
      
    })
  },

  // 查询留言
  getMsg(){
    Ajax.get(Api.wx.selectWxMsg,{signId: this.data.id}).then(res=>{
      if(res.img){
        this.setData({
          src: Config.imgUrl + res.img,
          msg: res.msg
        })
      }else{
        this.setData({
          msg: res.msg
        })
      }
    })
  },

  // 判断是否显示分享按钮
  isShare: function(){
    if(this.data.openid == app.globalData.openid){	//并且是本人的打卡 显示分享按钮
      this.setData({
        shareShow: true,
        columnNumber: 3
      })
    }
  },

  // 导航
  clickNavigation: function(){
    let _this = this
    Ajax.get(Api.wx.getUserInfo,{openid:this.data.openid}).then(user=>{
      let name = "["+ user.nickname + "]到此一游"
      wx.getLocation({
       type: 'gcj02', //返回可以用于wx.openLocation的经纬度
       success (res) {
        wx.openLocation({
              latitude:parseFloat(_this.data.latitude),
              longitude:parseFloat( _this.data.longitude),
              name: name,
              address: _this.data.address
           })
       }
      })
    })
  },

  

  onPointDown(){
    console.log('有效')
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (res) {
    let nd ={	// 别人的打卡
      title: '你可以用这个记录你去过的地方',
      path: '/pages/index/index'
    }
    if(app.globalData.openid == this.data.openid){
      let url = '/pages/shareLocation/shareLocation?scene='+ encodeURIComponent(this.data.id)
      nd = {	// 自己的打卡分享
        title: this.data.time.substring(0,11) + '我在这里',
        path: url,
      }
    }
    return nd
  }
})